body{
    background: rgb(248,248,248);
}
a{
    color: #999;
}
/*顶头*/
.header{
    background: #eee;
    background: whitesmoke;
    width: 100%;
    height: 39px;
    line-height: 39px;
    font-size: 10px;
    color: #999;
}
.header button{
    color: gray;
    height: 18px;
}
.load{
    display: inline-block;
    margin-left: 25px;
}
.load a:nth-child(1){
    color: orange;
}
.load1{
    display: inline-block;
    margin-left: 5px;
}

.header_left{
    float: left;
    padding-left: 115px;
}
.header_left .dingwei{
    font-size: 13px;
}
.header_left a{
    padding-right: 10px;
}

a:hover{
    color: orange;
    cursor: pointer;
}
.header_left button:hover{
    color: orange;
}
.header_right{
    width:760px;
    float: right;
    box-sizing: border-box;

}
.header_right .rightAll{
    position: relative;
    float: left;
    left: 260px;
    z-index: 30;
}
.header_right div{
    box-sizing: border-box;
    width: 80px;
    padding: 0 10px;
    text-align: center;
}
.right1 .right11{
    width: 80px;
    position: absolute;
    left: -1px;
    border-top:none ;
    display: none;
}
.right1:hover {
    border: 1px solid whitesmoke;
    border-top: none;
    border-bottom: none;
    background: white;
}
.right1:hover .right11{
    display: block;
    cursor: pointer;
    background:white;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
}
.right33{
    width: 100px;
    position: absolute;
    right: 0;
    display: none;
}
.right3:hover{
    border-top: none;
    border-bottom: none;
    background: white;
}
.right3:hover .right33{
    display: block;
    background: white;
    cursor: pointer;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
}
.right5:hover{
    background:white;
}
.right5:hover .right5_child{
    display: block;
    background: white;
    cursor: pointer;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);

}
.right5_child{
    position: absolute;
    right: 0;
    width: 1200px !important;
    height: 300px;
    /* border: 1px solid rgb(194, 48, 48); */
    display: none;
}
.right5:hover .right5_child{
    display: block;
}
.right5_child div{
    float: left;
    width: 240px;
    margin-top:20px;

}
/* .right5_child_1{
    border: 1px solid blue;  
} */
.right5_child dt{
    font-size: 14px;
    color: black;
}
.right5_child_1 dd{
    float: left;
    width: 33%;
    line-height: 25px;
    font-size: 12px;
}
.right5_child_2{
    margin-left: 20px;
    width: 20px;
}
.right5_child_2 dd{
    float: left;
    width: 45%;
    line-height: 25px;
    font-size: 12px;
}

.right5_child_3 dd{
    line-height: 25px;
}
.right_dd{
    padding-top: 20px;
}
.right5_child_4{

    width: 400px !important;
    height: 300px;
    margin-left: 20px;
}
.right5_child_4 dd{
    float: left;
}
.right5_child_4 dt{
    padding-bottom: 20px;
}
.right5_child_4 img{
    width: 60px;
    height: 60px;
    padding-right: 10px;
}

.white{
    width: 100%;
    height: 158px;
    background: white;
    position: relative;
}
.white .search{
    position: absolute;
    top: 0px;
}
.white .search .search_left img{
    width: 125px;
    height: 47px;
}
.search .search_left{
    float: left;
    padding:30px 120px;
    position: relative;
    
}
.search .search_left input{
    position: absolute;
    width: 470px;
    height:43px;
    left:440px;
    border: 1px solid #eee;
    font-size: 14px;
}
.search .search_left .img1{
    position: absolute;
    top: 30px;
    left: 908px;
    width: 85px !important;
    height: 43px !important;

}
/*顶部下面的白色*/
.white .title{
    position: absolute;
    top: 124px;
    left: 375px;
}
.white .title h2{
    padding:0 22px;
    cursor: pointer;
}
.white .title .hh1:hover{
    color: orange;
}
.white .title .hh2:hover{
    color: red;
}
.white .title a{
    float: left;
    color: black;
}
/* .big{
    border: 1px solid orange;
} */
.main{
    position: relative;
    width: 85%;
    padding: 10px 0px 0px 0px;
    margin:0 auto;
    /* border: 1px solid blue; */
}
.main .type-father{
    position: relative;
    width:230px;
    height: 422px;
    top: -63px;
    background: white; 
    float: left;
}
.main .type{
    position: absolute;
    width:230px;
    height: 473px;
    border:1px solid lightgray;
    background: white; 
}
.main .type h2{
    position: absolute;
    left: 15px;
    top: 14px;
}

.main .type ul{
    width: 100%;
    position: absolute;
    /* padding-left: 15px ; */
    top: 60px;
    font-size: 13px;
    color: rgb(119, 116, 116);
}
.main .type ul li{
    text-indent:1em;
    width: 100%;
    /* position: absolute; */
}
.main .type ul .jiantou{
    position: absolute;
    right: 5px;
    color: rgb(173, 169, 169);
}
.main .type ul li{
    text-align: left !important;
    height: 26px;
    line-height: 26px;
    text-align: center;
}
.main .type ul li span{
    padding-left: 7px;
}
.main .type ul li button{
    background: rgb(255, 243, 204);
    font-size: 8px;
    padding:2px 4px;
    border: none;
    border-radius: 13px;
}
.main .type ul li .orange{
    color: orange;
}
.main .type ul li .zong{
    color: rgb(168, 92, 20);
}
.main .type ul li .red{
    color: red;
}
.main .type ul li .blue{
    color: rgb(3, 160, 245);
}
.main .type ul li .green{
    color: rgb(0, 191, 150);
}
.main .type ul li .study{
    font-size: 10px;
}
.main .type ul li .pink{
    color: rgb(255, 64, 129);
}
.main .type ul li:hover{
    color: black;
    font-weight: bold;
    background: rgb(255, 247, 235);
}
.main .type ul li:hover span{
    cursor: pointer;
}
.main .type ul li:hover .jiantou{
    color: black;
}
.main .type ul li:hover button{
    background: rgb(255, 195, 0);
}

.main .details{
    position: absolute;
    width: 410px;
    height: 413px;
    right: -411px;
    top: 60px;
    background: white;
    display: none;
    z-index: 30;
}
.type .details:hover{
    display: block;
}
.type .details:hover .box1{
    display: block;
}
.type .details:hover .box2{
    display: block;
}
.main .details .box1{
    width: 85%;
    margin: 0 auto;
    border-bottom: 1px solid rgb(229, 229, 229);
    position: relative;
    box-sizing: border-box;
   
}
.main .details .box1 span{
    float: left;
    padding: 24px 0px 8px 0px;
    font-size: 17px;
    cursor: pointer;
  
}
.main .details .box1 a{
    float: right;
    padding: 28px 0px 8px;
}
.main .details .box2{
    margin:0 auto;
    width: 85%;
    padding-top:2px;
}
.main .details .box2 a{
    float: left;
    padding:5px 17px 0px 0px;
    line-height: 21px;
}
.main .details.display{
    display: block;
}


.main .banner_box{
    position: relative;
    float: left;
    width: 555px;
    height: 238px;
    margin-left:10px;
    /* border: 1px solid rgb(38, 95, 38); */
    cursor: pointer;
}
.main .banner_box ul li{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: all 0s;
}
.main .banner_box ul li.active{
    opacity: 1;
    z-index: 10;
    transition: all 1s;
}
.main .banner_box ul li img{
    width: 100%;
    height: 100%;
}
.main .banner_box .arrow_box{
    height: 50px;
    width: 100%;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    z-index: 20;
}
.main .banner_box .arrow_box div{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s
}
.main .banner_box .arrow_box .left_btn{
    left: 20px;
    opacity: 0;
}
.main .banner_box .arrow_box .right_btn{
    right: 20px;
    opacity: 0;
}
.main .banner_box:hover .arrow_box div{
    transform: translateX(0);
    opacity: 1;
}
.main .banner_box .dot_box {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 20;
    cursor: pointer;
  }
.main .banner_box .dot_box span {
    width: 10px;
    height: 2px;
    margin: 5px;
    background: rgb(255, 255, 255);
    opacity: 0.6;
    display: inline-block;
  }
.main .banner_box  .dot_box span.current {
    background: rgb(255, 255, 255);
    opacity: 1;
  }


.main .item1{
    width: 155px;
    height: 238px;
    /* border: 1px solid blue; */
    float: left;
    margin-left: 10px;
}
.main .item2{
    width: 230px;
    height: 238px;
    border: 1px solid rgb(226,226,226);
    float: left;
    margin-left: 10px;
    background: white;
}
.main .item3{
    width: 267px;
    height: 160px;
    /* border: 1px solid blue; */
    float: left;
    margin: 10px 0px 0px 10px;
}
.main .item4{
    width: 277px;
    height: 160px;
    /* border: 1px solid blue; */
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}
.main .item5{
    width: 156px;
    height: 160px;
    /* border: 1px solid blue; */
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}
.main .item6{
    width: 229px;
    height: 160px;
    border: 1px solid rgb(226,226,226);
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}
.main .item img{
    width: 100%;
    height: 100%;
}
.main .item2 .submit{
    width: 55px;
    height: 55px;
    border: 4px solid rgb(229, 229, 229);
    border-radius: 50%;
    margin: 30px auto;
    box-sizing: border-box;
} 
.main .item2 .submit img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.main .item2 h2{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top:-22px ;
}
.main .item2 button{
    width: 120px;
    height: 40px;
    font-size: 14px;
    background: white;
    margin: 8px auto 15px;
    display: block;
    border:1px solid rgb(218, 216, 216) ;
    border-radius: 40px;
}
.main .item2 button:hover{
    background: rgb(246,246,246);
    cursor: pointer;
}
/*
猫眼电影
*/


.maoyan_movie{
    position: relative;
    width: 84%;
    margin:40px auto 0px;
    position: relative;
    /* border: 1px solid blue; */
}
.maoyan_movie .maoyan_total{
    width: 100%;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    background: rgb(251, 64, 95);
    font-size: 14px;
    color: #fff; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.maoyan_movie .maoyan_total ul li:hover{
    cursor: pointer;
}

.maoyan_movie .maoyan_total ul .mao1{
    float: left;
    padding: 0px 5px;
}
.maoyan_movie .maoyan_total ul .maoyan{
    font-size: 16px;
    padding:0px 15px;
}
.maoyan_movie .maoyan_total ul .mao4{
    float: right;
    padding-right: 20px;
} 
.maoyan_movie .coming{
    width: 100%;
    height: 297px;
    overflow: hidden;
    margin-top: 1px;
    opacity: 1;
}
.maoyan_movie .coming .box{
    height: 100%;
    width: 100000px;
    position: relative;
}
.maoyan_movie .coming .box .item_box{
    width: 214px;
    height: 297px;
    float: left;
    margin-right: 19px;
    background-size:100%;
    background-position:50%;
    position: relative;
    cursor: pointer;
}
.maoyan_movie .coming .box:nth-child(1){
    margin-left: 10px;
}
.picg{
    position: absolute;
    top: 10px;
    z-index: 99;
    left: -6px;
    height: 20px;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    width: auto;
    border: 0px;
}
.maoyan_movie .coming .box .item_box .picc{
    width: 100%;
    border-radius: 4px;
}

.maoyan_movie .coming .box .item_box .looking{
    position: absolute;
    /* left: 10px; */
    height: 45px;
    width: 100%;
    color: white;
    bottom: 0;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(29,45,55,0.80) 99%);
    border-radius: 4px;
} 
.maoyan_movie .coming .box .item_box .lookings{
   padding-left: 10px;
}
.item_box .looking .film-score{
    position: absolute;
    display: inline-block;
    top: -5px;
    font-size: 16px;
    color: orange;
}
.item_box .looking .film-count{
    display: inline-block;
    font-size: 16px;
    color: orange;
}
.item_box .looking .film-name{
    text-align: left;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    
}
.item_box .looking .film-ticket{
    position: absolute;
    width: 50px;
    height: 25px;
    line-height: 25px;
    border-radius: 15px;
    text-align: center;
    background: rgb(255, 73, 73);
    right:20px;
    top: 13px;
    font-size: 14px;
}

.coming .left_right{
    height: 50px;
    width: 100%;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    z-index: 20;
}
.coming .left_right div{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s
}
.coming .left_right .left_btn{
    left: 0px;
    opacity: 0;
}
.coming .left_right .right_btn{
    right: 0px;
    opacity: 0;
}
.coming:hover .left_right div{
    transform: translateX(0);
    opacity: 1;
}

/*
即将上映
*/
.maoyan_movie .willing{
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 297px;
    overflow: hidden;
    opacity: 0;
}
.maoyan_movie .willing .box{
    height: 100%;
    width: 100000px;
    position: relative;
}
.maoyan_movie .willing .box .item_box{
    width: 214px;
    height: 297px;
    float: left;
    margin-right: 19px;
    background-size:100%;
    background-position:50%;
    position: relative;
    cursor: pointer;
}
.maoyan_movie .willing .box:nth-child(1){
    margin-left: 10px;
}
.maoyan_movie .willing .box .item_box img{
    width: 100%;
}
.maoyan_movie .willing .box .item_box .looking{
    position: absolute;
    left: 10px;
    height: 50px;
    width: 100%;
    color: white;
    bottom: 0;
} 
.willing .box .item_box .looking .film-count{
    display: inline-block;
    font-size: 16px;
    color: orange;
}
.willing .box .item_box .looking .film-name{
    text-align: left;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.willing .box .item_box .looking .film-ticket{
    position: absolute;
    width: 50px;
    height: 25px;
    line-height: 25px;
    border-radius: 15px;
    text-align: center;
    background: rgb(255, 73, 73);
    right:20px;
    top: 13px;
    font-size: 14px;
}

.willing .left_right{
    height: 50px;
    width: 100%;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    z-index: 20;
}
.willing .left_right div{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s
}
.willing .left_right .left_btn{
    left: 0px;
    opacity: 0;
}
.willing .left_right .right_btn{
    right: 0px;
    opacity: 0;
}
.willing:hover .left_right div{
    transform: translateX(0);
    opacity: 1;
}



/*
推荐民宿
*/
.hotel{
    position: relative;
    width: 84%;
    margin:40px auto 0px;
    border: 1px solid rgb(219, 210, 210);
    border-radius: 5px;
}
.hotel .hotel_total{
    width: 100%;
    height: 44px;
    line-height: 44px;
    /* box-sizing: border-box; */
    background: rgb(251, 64, 95);
    font-size: 14px;
    color: #fff; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.hotel .hotel_total ul li{
    cursor: pointer;
}
.hotel .hotel_total ul .hotel1{
    float: left;
    padding: 0 5px;
}
.hotel .hotel_total ul .hotel_first{
    float: left;
    padding:0 20px;
    font-size: 17px;
}
.hotel .hotel_total ul .hote112{
    float: right;
    padding-right: 20px;
}
.hotel .hotel_list{
    position: relative;
    width: 100%;
    padding:20px 0px 0px 15px;
    /* padding-right: 0px;
    padding-bottom: 0px; */
}
.hotel .hotel_list .fatherList{
    width: 100%;
    height: 670px;
    padding: 0;
    /* border: 2px solid pink; */
    overflow: hidden;
}
.hotel .hotel_list .fatherList .list1{
    position: absolute;
    width: 100%;
    height: 670px;
    padding: 0;
    /* border: 2px solid pink; */
    overflow: hidden;
    opacity: 0;
}
/*控制旅馆信息显示隐藏*/
.hotel .hotel_list .fatherList .list1.active{
    opacity: 1;
}
.hotel .hotel_list .list1 .item1{
    float: left;
    width: 31%;
    height: 320px;
    padding-right: 20px;
    padding-bottom: 15px;
}
.hotel .hotel_list .list1 .item1 .item_img{
    position: relative;
    width: 100%;
    height: 210px;
}
.hotel .hotel_list .list1 .item1 .item_img .img1{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.hotel .hotel_list .list1 .item1 .item_img .img2{
    position: absolute;
    width: 48px;
    height: 48px;
    right: 15px;
    bottom: -24px;
    border-radius: 28px;
    border: 2px solid white;
}
.hotel .hotel_list .list1 .item1 .item_title{
    padding:15px 0;
    width: 100%;
    height: 90px;
}
.hotel .hotel_list .list1 .item1 .item_title h2{
    /* display: inline-block; */
    font-weight: 500;
}
.hotel .hotel_list .list1 .item1 .item_title p{
    display: inline-block;
    font-size: 12px;
    padding: 5px 0;
    color: rgb(153, 153, 153);
}
.hotel .hotel_list .list1 .item1 .item_title .money{
    color: rgb(255,102,0);
    font-size: 14px;
}
.hotel .hotel_list .list1 .item1 .item_title .price{
    font-size: 23px;
    font-weight: 550;
    font-family: cursive;
    color: rgb(255, 102, 0);
}


/*饭店：为你甄选最合适的*/

.eat{
    width: 84%;
    /* border: 1px solid blue; */
    margin:40px auto 0px;
    border-radius: 5px;
    background:white ;
}
.eat .eat_total{
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #fff; 
    text-align: center;
    background: rgb(83, 178, 217);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.eat .eat_total ul li{
    float: left;
    padding: 0 5px;
}
.eat .eat_total ul .li1{
    font-size: 17px;
    padding: 0 18px;
}
.eat .eat_list{
    margin: 0 auto;
    width: 100%;
    /* border: 1px solid orange; */
    padding: 10px;
    box-sizing: border-box;
}
.eat .eat_list .eat_box{
    float: left;
    width: 18.1%;
    height: 225px;
    padding: 10px;
    /* border: 1px solid olivedrab; */
    border-radius: 5px;  
} 
.eat .eat_list .eat_box:hover{
    background: rgb(244,244,244);
}
.eat .eat_list .eat_box .img_box{
    width: 100%;
    height: 120px; 
}
.eat .eat_list .eat_box .img_box img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.eat .eat_list .eat_box .info_box h2{
    font-weight: 500;
    padding: 10px 0px 4px;
}

.eat .eat_list .eat_box .info_box .star{
    display: inline-block;
    margin-right: 8px;
}
.eat .eat_list .eat_box .info_box ul li{
    display: inline-block;
    font-size: 13px;
    color:orange;
}
.eat .eat_list .eat_box .info_box .score{
    display: inline-block;
    color: grey;
    padding: 3px 0px;
}
.eat .eat_list .eat_box .info_box .address{
    color: grey;
    padding: 4px 0px 2px;
}
.eat .eat_list .eat_box .info_box .price{
    font-weight:600 ;
    color: rgb(255,102,0);
}
.eat .eat_list .eat_box .info_box .price span{
    font-size: 20px;
}


/* 美团导航*/

.nav_box{
    width: 84%;
    margin: 40px auto 0px;
    padding: 20px 0px 20px 20px;
    box-sizing: border-box;
    border: 1px solid rgb(223, 221, 221);
    border-radius: 5px;
    background: white;
}
.nav_box .nav{
    font-size: 16px;
    /* border: 1px solid orange; */
    padding: 20px 0px;
}
.nav_box .city{
    /* padding: 20px 0px; */
    width: 100%;
    margin-bottom: 10px;
}
.nav_box .city .citychd{
    float: left;
    width: 6%;
    height: 50px;
    font-size: 14px;
    /* border: 1px solid orange; */
}
.nav_box .city ul{
    float:right;
    width: 93%;
    /* display: inline-block; */
    padding-top: 2px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.nav_box .city ul li{
    float: left;
    width: 102px;
    color: rgb(94, 84, 84);
}
.nav_box .city ul li:hover{
    color: orange;
}
.nav_box .city ul .btn{
    width: 35px;
    height: 15px;
    border:none;
    color: white;
    background: rgb(253,71, 71);
    border-radius: 7px;
}
.nav_box .city .zhoubian {
    padding: 0;
    border: none;
}
.nav_box .city .zhoubian li{
    float: left;
    /* display: block; */
    width: 80px;
    margin: 0 22px 0 0 ;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}




/*用户帮助，用户热线*/

.user_box{
    width: 84%;
    /* height: 30px; */
    margin: 40px auto 20px;
    padding: 40px;
    box-sizing: border-box;
    border-top: 1px solid rgb(214, 211, 206);
    border-bottom: 1px solid rgb(214, 211, 206);
}
.user_box .list_all{
    width: 100%;
    /* height: 300px; */
    /* border: 1px solid blue; */
}
.user_box .list_all .list1{
    float: left;
    width: 19.7%;
    /* border: 1px solid pink; */
}
.user_box .list_all .list1 dl{
    margin-bottom: 25px;
}
.user_box .list_all .list1 dt{
    font-size: 14px;
    padding-bottom: 5px;
}
.user_box .list_all .list1 dd{
    /* padding: 4px 0px; */
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: grey;
}
.user_box .list_all .hover dd:hover{
   color: orange;
}



/*底部备案*/

.happy{
    width: 84%;
    margin: 0px auto 30px;
    padding-left:20px;
    box-sizing: border-box;
    /* border: 1px solid orange; */
}
.happy .hap_box{
    width: 100%;
    height: 100%;
    /* border: 1px solid blue; */
}
.happy .hap_box .happy_left{
    float: left;
    color: gray;
}

.happy .hap_box .happy_left p{
padding: 2px 0px;
}
.happy .hap_box .happy_left .pp a{
    margin-left:15px;
}




.happy .hap_box .happy_right{
    position: relative;
    float: right;
}
.happy .hap_box .happy_right .prev_father{
    padding-top: 10px;
    margin-bottom: -10px;
    right: 0px;
    height: 30px;
  
}
.happy .hap_box .happy_right .prev{
    display: flex;
    justify-content: end;
    line-height: 13px;
}

.happy .hap_box .happy_right .small{
    height: 14px;
}

.happy .hap_box .happy_right .next{
    display: flex;
    height: 37px;
}
.happy .hap_box .happy_right .next p{   
    line-height: 35px;
    padding: 2px;
}
.happy .hap_box .happy_right .next .big{
    border-radius: 50%;
    box-sizing: border-box;
    width: 37px;
    border: none;
}
.happy .hap_box .happy_right .next .red{
    width: 110px;
}
.happy .hap_box .happy_right .next .green{
    width: 110px;
}
























































































.ceshi{
    position: relative;
    width: 83%;
    height: 2000px;
    padding: 10px 0px 0px 10px;
    margin:40px auto 0px;
    border: 1px solid blue;
}